/* 全局页面字体设置 */
* {
    font-style: normal;
    font-size: 15px;
    margin: 0;
    padding: 0;
}
/**
 * 字符缩写:
 * H 表示水平方向 horizontal;
 * V 表示垂直方法 vertical
 * L 表示左侧 left
 * R 表示右侧 right
 * C 表示中间 center
 * T 表示顶部 top
 * B 表示底部 bottom
 */
.matchH {height: 100% !important;}
.matchW {width: 100% !important;}
/* 水平 每个间隔相等*/
.flexHS-around {
    display: flex;
    flex-direction: row !important;
    justify-content: space-around !important;
    align-items: center;
}
/*  水平 两端对齐*/
.flexHS-between {
    display: flex;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center;
}
/*示例： 权重*/
.g-container {
    display: flex; /* 启用 Flex 布局 */
    align-items: center; /* 垂直居中（可选） */
}

.g-fixed {
    width: 100px; /* 固定宽度 */
    height: 100px; /* 固定高度 */
    background-color: lightcoral; /* 背景色（可选） */
}

.g-flexible {
    flex-grow: 1; /* 占满剩余宽度 */
    background-color: lightblue; /* 背景色（可选） */
}
/* 权重 */
.flexG {flex-grow: 1 !important;}
/* 水平方向 */
.flexH {
    display: flex;
    flex-direction: row !important;
    justify-content: center;
}
.flexHL {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-start !important;
    align-items: center;
}
.flexHC {
    display: flex;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center;
}
.flexHR {
    display: flex;
    flex-direction: row !important;
    justify-content: flex-end !important;
    align-items: center;
}
/* 垂直方向 */
.flexV {
    display: flex;
    flex-direction: column !important;
    justify-content: center;
}
.flexVC {
    display: flex;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center;
}
.flexVL {
    display: flex;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start;
}
.flexVBR {
    display: flex;
    flex-direction: column !important;
    justify-content: flex-end !important;
    align-items: flex-end;
}
/* 横线 */
.line {
    border-bottom: 1px solid #F3F3F4;
    height: 1px;
    width: 100% !important;
    overflow: hidden;
}
.lineV {
    width: 1px;
    height: 100%;
    background: #F3F3F4;
}
/* 图片大小 */
.imgS {width: 30px;height: 30px;}
/* 底部 */
.bottomBtn {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: fixed;
    z-index: 99;
    bottom: 0px;
}
/* 固定 */
.fixed {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    position: fixed;
    z-index: 99;
}
/* 固定可滚动 */
.fixedScroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}
/* 距离top 200 */
.floatT200 {
    background-color: white;
    position: absolute;
    z-index: 99;
    top: 200px;
}
.floatT220 {
    background-color: white;
    position: absolute;
    z-index: 99;
    top: 220px;
}
/* 没有样式 */
.noStyle {padding: 0 !important;border: none !important;}
.noShadow {box-shadow: 0 4px 20px 0 #ffffff !important;}
/* 没有底部下划线 */
.noBottomLine {border-bottom: 0 none transparent !important;}
/* 虚线 */
.dash {
    border-top: 1px dashed #9CC813;
    height: 1px;
    overflow: hidden;
}
.dash2 {
    border-top: 1px dashed #cccccc;
    height: 1px;
    overflow: hidden;
}
/* 头像 */
.l-avatar {
    width: 70px !important;
    height: 70px !important;
    border-radius: 10% !important;
    overflow: hidden;
}
/* 头像2 */
.l-avatar2 {
    width: 80px !important;
    height: 80px !important;
    border-radius: 10% !important;
    overflow: hidden;
}
/* 文本超出... */
.l-textover {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* 文本超出2行... */
.l-textover2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
/*文本单行竖直*/
.textV {
    -webkit-writing-mode: vertical-rl !important;
    writing-mode: vertical-rl !important;
}
/* 隐藏-占有位置 */
.l-invisibable {visibility: hidden !important;}
/* 划线-下划线 */
.l-underline {text-decoration: underline !important;}
/* 划线-删除线 */
.l-throughline {text-decoration: line-through !important;}
/* 内容对齐 */
.center {text-align: center !important;}
.right {text-align: right !important;}
.left {text-align: left !important;}
/* 字体大小 */
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font25 {font-size: 25px;}
.font30 {font-size: 30px;}
.font35 {font-size: 35px;}
.font40 {font-size: 40px;}
.font50 {font-size: 50px;}
.font60 {font-size: 60px;}
.font14Bold {font-size: 14px !important;font-weight: bold !important;}
.font15Bold {font-size: 15px !important;font-weight: bold !important;}
.fontBold {font-weight: bold !important;color: black;}
/* 圆角 */
.radius20 {border-radius: 20px !important;}
.radius10 {border-radius: 10px !important;}
.radius5 {border-radius: 5px !important;}
.radiusTRBL5 {border-radius: 0 5px 0 5px !important;}
.bordergray {border: 1px solid #505050 !important;}
/* 常用margin边距 */
.margin5 {margin: 5px !important;}
.margin10 {margin: 10px !important;}
.margin20 {margin: 20px !important;}
.margin30 {margin: 30px !important;}
.marginT150 {margin-top: 150px !important;}
.marginT120 {margin-top: 120px !important;}
.marginT100 {margin-top: 100px !important;}
.marginT90 {margin-top: 90px !important;}
.marginT80 {margin-top: 80px !important;}
.marginT60 {margin-top: 60px !important;}
.marginT50 {margin-top: 50px !important;}
.marginT40 {margin-top: 40px !important;}
.marginT30 {margin-top: 30px !important;}
.marginT20 {margin-top: 20px !important;}
.marginT15 {margin-top: 15px !important;}
.marginT10 {margin-top: 10px !important;}
.marginT2 {margin-top: 2px !important;}
.marginT5 {margin-top: 5px !important;}
.marginL5 {margin-left: 5px !important;}
.marginL10 {margin-left: 10px !important;}
.marginL20 {margin-left: 20px !important;}
.marginL30 {margin-left: 30px !important;}
.marginL90 {margin-left: 90px !important;}
.marginL100 {margin-left: 100px !important;}
.marginR10 {margin-right: 10px !important;}
.marginR20 {margin-right: 20px !important;}
.marginR30 {margin-right: 30px !important;}
.marginB10 {margin-bottom: 10px !important;}
.marginB100 {margin-bottom: 100px !important;}
.marginTB5 {margin-bottom: 5px !important;margin-top: 5px !important;}
.marginTB10 {margin-bottom: 10px !important;margin-top: 10px !important;}
.marginLR10 {margin-left: 10px !important;margin-right: 10px !important;}
.marginLR20 {margin-left: 20px !important;margin-right: 20px !important;}
.marginLR75 {margin-left: 75px !important;margin-right: 75px !important;}
.marginLR80 {margin-left: 80px !important;margin-right: 80px !important;}
.marginLR85 {margin-left: 85px !important;margin-right: 85px !important;}
/* 常用padding边距 */
.padding30 {padding: 30px !important;}
.padding20 {padding: 20px !important;}
.padding15 {padding: 15px !important;}
.padding3 {padding: 3px !important;}
.padding5 {padding: 5px !important;}
.padding8 {padding: 8px !important;}
.padding10 {padding: 10px !important;}
.paddingLR20 {padding: 0 20px 0 20px !important;}
.paddingLR10 {padding: 0 10px 0 10px !important;}
.paddingR20 {padding: 0 20px 0 0 !important;}
.paddingR40 {padding: 0 40px 0 0 !important;}
.paddingL30 {padding-left: 30px !important;}
.paddingL20 {padding-left: 20px !important;}
.paddingL10 {padding-left:  10px !important;}
.paddingL5 {padding-left: 5px !important;}
.paddingT100 {padding-top: 100px  !important;}
.paddingT50 {padding-top: 50px  !important;}
.paddingT40 {padding-top: 40px  !important;}
.paddingT30 {padding-top: 30px  !important;}
.paddingT20 {padding-top: 20px  !important;}
.paddingT10 {padding-top: 10px !important;}
.paddingT5 {padding-top: 5px  !important;}
/* 常用宽度值 */
.width10 {width: 10px !important;}
.width15 {width: 15px !important;}
.width20 {width: 20px !important;}
.width30 {width: 30px !important;}
.width40 {width: 40px !important;}
.width60 {width: 60px !important;}
.width70 {width: 70px !important;}
.width80 {width: 80px !important;}
.width90 {width: 90px !important;}
.width100 {width: 100px !important;}
.width750 {width: 100% !important;}
.width100P {width: 100% !important;}
.width100 {width: 100px !important;}
.width120 {width: 120px !important;}
.width150 {width: 150px !important;}
.width165 {width: 165px !important;}
.width200 {width: 200px !important;}
.width300 {width: 300px !important;}
.width350 {width: 350px !important;}
.width360 {width: 360px !important;}
.width370 {width: 370px !important;}
.width400 {width: 400px !important;}
.width420 {width: 420px !important;}
.width450 {width: 450px !important;}
.width500 {width: 500px !important;}
.width550 {width: 550px !important;}
.width580 {width: 580px !important;}
.width600 {width: 600px !important;}
.width650 {width: 650px !important;}
.width700 {width: 700px !important;}
/* 常用高度 */
.height10 {height: 10px !important;}
.height15 {height: 15px !important;}
.height20 {height: 20px !important;}
.height30 {height: 30px !important;}
.height40 {height: 40px !important;}
.height50 {height: 50px !important;}
.height60 {height: 60px !important;}
.height80 {height: 80px !important;}
.height90 {height: 90px !important;}
.height100 {height: 100px !important;}
.height120 {height: 120px !important;}
.height150 {height: 150px !important;}
/* 行间距 */
.lineHight10 {line-height: 10px !important;}
.lineHight12 {line-height: 12px !important;}
.lineHight14 {line-height: 14px !important;}
.lineHight15 {line-height: 15px !important;}
.lineHight18 {line-height: 18px !important;}
.lineHight30 {line-height: 30px !important;}
.lineHight35 {line-height: 35px !important;}
.lineHight40 {line-height: 40px !important;overflow: hidden;}
/* 背景颜色 color*/
.transparent {background-color: transparent !important;}
.bgwhite {background: white !important;}
.bggreen {background: #52BD79 !important;}
.bgred {background: #FB4A45 !important;}
.bgblue {background: #4C95EF !important;}
.bgbluelight {background: #E9F3FF !important;}
.bggray {background: #2C3A3B !important;}
.bggray2 {background: #535353 !important;}
.bggray3 {background: #AAAAAA !important;}
.bggrayf7 {background: #f7f7f7 !important;}
.bggray {background: #F4F4F4 !important;}
.bgcolor {background: #F5FAFF !important;}
.bgbluelight {background: #F5FAFF !important;}
.bgwhite {background: white !important;}
.bgblack {background: black !important;}
/*文本颜色*/
.colorgray2 {color: #535353 !important;}
.colorred {color: #FB4A45 !important;}
.colorgreen {color: #52BD79 !important;}
.colorblack {color: black !important;}
.colorblue {color: #4C95EF !important;}
.colorbluelight {color: #E9F3FF !important;}
.colorwhite {color: white !important;}
.colorgray {color: #AAAAAA !important;}
.color24BE48 {color: #24BE48 !important;}
.basecolor {color: #F5FAFF !important;}
.bluedark {color: #62ABFF !important;}
.bluedark2 {color: #C9E2FF !important;}
.bluelight {color: #E9F3FF !important;}
.gray {color: #505050 !important;}
.gray2 {color: #8B8A8A !important;}
.white {color: #ffffff !important;}
.yellow {color: #EE7F00 !important;}
.red {color: #ff0000 !important;}
.blue {color: #50A4F1 !important;}
.green {color: #008000 !important;}
